// .title {
//   margin: 0 0 20px 0;
// }

// .box {
//   margin-top: 20px;
//   width: 1350px;
// }

/* 按钮 */
.button {
  background: rgb(0, 172, 238);
  background: linear-gradient(
    0deg,
    rgba(0, 172, 238, 1) 0%,
    rgba(2, 126, 251, 1) 100%
  );
  width: 100px;
  height: 40px;
  line-height: 42px;
  padding: 0;
  border: none;
  margin-left: 20px;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 5px;
}
.button span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.button:before,
.button:after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  background: rgba(2, 126, 251, 1);
  transition: all 0.3s ease;
}
.button:before {
  height: 0%;
  width: 2px;
}
.button:after {
  width: 0%;
  height: 2px;
}
.button:hover {
  background: transparent;
  box-shadow: none;
}
.button:hover:before {
  height: 100%;
}
.button:hover:after {
  width: 100%;
}
.button span:hover {
  color: rgba(2, 126, 251, 1);
}
.button span:before,
.button span:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  background: rgba(2, 126, 251, 1);
  transition: all 0.3s ease;
}
.button span:before {
  width: 2px;
  height: 0%;
}
.button span:after {
  width: 0%;
  height: 2px;
}
.button span:hover:before {
  height: 100%;
}
.button span:hover:after {
  width: 100%;
}

/*白色按钮*/
.button2 {
  background: rgb(0, 172, 238);
  background: linear-gradient(
    0deg,
    rgb(250, 250, 250) 0%,
    rgb(250, 250, 250) 100%
  );
  width: 100px;
  height: 40px;
  line-height: 42px;
  padding: 0;
  border: none;
  margin-left: 10px;
  margin-bottom: 20px;
  color: rgb(37, 37, 37);
  border: 1px rgb(217, 217, 217) solid;
  border-radius: 5px;
}
.button2 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.button2:before,
.button2:after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  background: rgba(2, 126, 251, 1);
  transition: all 0.3s ease;
}
.button2:before {
  height: 0%;
  width: 2px;
}
.button2:after {
  width: 0%;
  height: 2px;
}
.button2:hover {
  background: transparent;
  box-shadow: none;
}
.button2:hover:before {
  height: 100%;
}
.button2:hover:after {
  width: 100%;
}
.button2 span:hover {
  color: rgba(2, 126, 251, 1);
}
.button2 span:before,
.button2 span:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  background: rgba(2, 126, 251, 1);
  transition: all 0.3s ease;
}
.button2 span:before {
  width: 2px;
  height: 0%;
}
.button2 span:after {
  width: 0%;
  height: 2px;
}
.button2 span:hover:before {
  height: 100%;
}
.button2 span:hover:after {
  width: 100%;
}

// .data {
//   width: 380px;
//   height: 30px;
//   line-height: 30px;
//   font-size: 14px;
//   font-family: '幼圆';
// }
// .formItem {
//   width: 350px;
//   height: 30px;
//   line-height: 30px;
//   margin-right: 30px;
//   font-size: 14px;
//   font-family: '幼圆';
// }
// .select {
//   width: 250px;
//   height: 30px;
//   line-height: 30px;
//   font-size: 14px;
//   font-family: '幼圆';
// }
// .inserWorkInput {
//   width: 1100px;
//   height: 30px;
//   line-height: 30px;
//   font-size: 14px;
//   font-family: '幼圆';
// }
// .inserWorkSelect {
//   width: 1170px;
//   height: 30px;
//   line-height: 30px;
//   font-size: 14px;
//   font-family: '幼圆';
// }
// .classSelect {
//   width: 800px;
//   height: 30px;
//   line-height: 30px;
//   font-size: 14px;
//   font-family: '幼圆';
// }
// .textarea {
//   width: 1000px;
//   line-height: 30px;
//   font-size: 14px;
//   font-family: '幼圆';
// }

// /**表格*/
// // .table {
// //   table-layout: fixed;
// //   word-break: break-all !important;
// //   word-wrap: break-word !important; //表格固定布局
// //   width: 1300px !important;
// // }
// // .table td,
// // .table th {
// //   padding: 8px;
// //   width: 200px;
// //   // white-space: nowrap;
// // }

// // .table thead {
// //   white-space: nowrap;
// // }

// // .table tr:nth-child(even) {
// //   background-color: #f2f2f2 !important;
// // }

// // .table tr:hover {
// //   background-color: #ddd !important;
// // }

// // .table th {
// //   padding-top: 12px;
// //   padding-bottom: 12px;
// //   text-align: left;
// //   background-color: rgba(63, 63, 63) !important;
// //   color: white !important;
// // }

// /**个人信息表格*/
// // .table2 {
// //   table-layout: fixed;
// //   word-break: break-all !important;
// //   word-wrap: break-word !important; //表格固定布局
// //   width: 850px !important;
// // }
// // .table2 td,
// // .table2 th {
// //   padding: 8px;
// //   width: 100px;
// //   // white-space: nowrap;
// // }

// // .table2 thead {
// //   white-space: nowrap;
// // }

// // .table2 tr:nth-child(even) {
// //   background-color: #f2f2f2 !important;
// // }

// // .table2 tr:hover {
// //   background-color: #ddd !important;
// // }

// // .table2 th {
// //   padding-top: 12px;
// //   padding-bottom: 12px;
// //   text-align: left;
// //   background-color: rgba(63, 63, 63) !important;
// //   color: white !important;
// // }
